제 방학은

이렇게 보냈어요!

사진1

☆ 안녕하세요~

저는 옆에 사진처럼 종강하자마자 그 주에 가족들과 캠핑장을 다녀왔습니다. 고기도 구워먹기도 하고 술도 마시고 불멍도 하며 재밌게 놀다 왔습니다. 그 이후에는 특별히 여행을 다녀오지는 않고 그냥 소소한 일상을 보내면서 개강전 까지 푹 쉬다 왔습니다. 저의 소소한 일상은 아래에 담겨져 있습니다.

나의

소소한 일상들☆

사진2

도라에몽 전시회

언니와 함께 용산에서 진행하고 있는 도라에몽 전시회에 갔다 왔습니다. 생각보다 볼게 많아서 재밌었어요! 이벤트도 진행중이였어서 더 재미있었어요!

사진5

친환경 인형

버릴려고 한 옷들로 인형을 만들었어요! 직접 인형을 만드니 재밌었고 다 만들고 나니 환경을 위해 무엇가 한거 같아 뿌듯했습니다!

사진9

베이킹하기

쿠키와 마들렌을 만들었어요. 생각보다 잘 나와서 기분이 좋았습니다. 일러스트로 포장지도 만들어서 지인들에게 나눠줬습니다!

사진3

계란초밥 만들기

갑자기 초밥이 먹고 싶어서 계란초밥을 만들었어요.식초물을 따로 만들어서 밥에 간을 했는데 실제로 마트에서 파는 초밥맛이 나더라구요!

사진6

코딩...배우기

2학기를 위해 학원에 가서 html과 css 그리고 자바를 살짝 배웠어요! 솔직히 자바는 너무 어렵고 재미없어서 힘들었어요..

사진7

산책하기

방학 대부분은 학교다니는 동안 못해준 강아지들 산책을 시켜줬어요! 학교 다니면서 바쁘다 보니 모른척 한게 미안해서 거의 매일 산책을 했답니다.

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Varela+Round&display=swap'); @font-face { font-family: 'ONE-Mobile-POP'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KOTRAHOPE'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRAHOPE.woff2') format('woff2'); font-weight: normal; font-style: normal; } /* header.css */ *{ margin:0; padding:0; box-sizing:border-box; } a, a:link, a:visited{ color:inherit; text-decoration:none; } li{ list-style:none; } .container{ width:1140px; margin:0 auto; } header{ position:fixed; color:white; border-color: #ffffff; top:0; z-index:1; width:100%; padding:1rem; } header .container{ display:flex; justify-content:space-between; align-items:center; width:100%; } header nav ul{ display:flex; } header nav ul li{ padding:10px; } header button{ background: transparent; border:0; cursor: pointer; color:rgb(24, 206, 252); } header h1 button{ font-size: 2rem; font-weight: bold; } header nav ul li button{ font-size: 1.2rem; } /* about_me.css */ section{ font-family:'Poppins', sans-serif; padding:5rem 0; } section:nth-child(2n){ background-color:#c7ffff; } section .title{ margin-bottom:3rem; } section .title h4{ font-size:4rem; font-family: 'KOTRAHOPE'; color:#36979b; position:relative; } section .title h2{ font-size:5.6rem; font-family: 'KOTRAHOPE'; color:#0d888d; } section .title p{ font-size:1.15rem; } .사진2{ width: 300px; height: 300px; margin-left: -10px; } .사진5{ width: 300px; height: 300px; margin-left: -10px; } .사진9{ width: 300px; height: 300px; margin-left: -10px; } .사진3{ width: 300px; height: 300px; margin-left: -10px; } .사진6{ width: 300px; height: 300px; margin-left: -10px; } .사진7{ width: 300px; height: 300px; margin-left: -10px; } /* float 속성 해제 */ section .about-self::after{ content:""; clear:both; display:block; } /* 본문 너비 절반 지정 & 왼쪽 배치 */ section .about-self .left{ width:50%; float:left; } /* 이미지 크기가 부모 영역을 넘지 않도록 부모 영역의 최대 크기로 지정 */ section .about-self .left img{ max-width:100%; } /* 본문 너비 절반 지정 & 오른쪽 배치 */ section .about-self .right{ width:50%; float:left; padding:0 2rem; } /* 본문 오른쪽 h3 태그의 글자 크기와 여백 지정 */ section .about-self .right h3{ font-size:3.3rem; margin-bottom:0.5rem; font-family: 'KOTRAHOPE'; } /* 본문 오른쪽 p 태그의 크기와 여백 지정 */ section .about-self .right p{ font-size:2rem; letter-spacing: 0.25rem; margin:0.7rem 0; font-family: 'KOTRAHOPE'; } /* 본문 오른쪽의 아이콘 폰트 크기와 여백 지정 */ section .about-self .right .social a{ font-size:2.5rem; margin-right:0.2rem; } /* End about_me.css */ /* what_i_do.css */ /* float 속성 해제*/ section .do-me::after{ content:""; display:block; clear:both; } /* 사각형 크기와 간격, 내부 여백 설정 */ section .do-inner{ background-color:#fff; width:30%; padding:2rem; float:left; margin-right:5%; cursor:pointer; } /* 마지막 사각형의 외부 여백 설정 */ section .do-me .do-inner:last-child{ margin-right:0; margin-bottom: 30px; } /* HTML5, CSS3, BootStrap v5.0 텍스트 크기와 간격 */ section .do-me .do-inner .content h3{ font-family: 'ONE-Mobile-POP'; font-size:1.7rem; margin:0.5rem 0; } /* 사각형 텍스트 크기 */ section .do-me .do-inner .content p{ font-size:1.4rem; line-height: 1.5; font-family: 'KOTRAHOPE'; } /* do-inner 클래스에 마우스를 올리면 배경색과 텍스트 색상 변경 */ section .do-me .do-inner:hover{ background-color:rgb(88, 176, 186); color:rgb(255, 255, 255); } @media (max-width: 992px){ html{ font-size: 14px; } /* 메인 영역 container 기준 너비 변경 */ main .container{ width: 768px; /* 992px -> 768px */ } /* PortFolio 영역 */ section .portfolio-me .portfolio-inner{ width:100%; /* 48% -> 100% 변경 */ } } @media (max-width: 768px){ html{ font-size: 13px; } /* 메인 영역 container 기준 너비 변경 */ main .container{ width: 576px; /* 768px -> 576px */ } section .container{ width:400px; /* 600px -> 400px */ } section .do-me .do-inner{ width:100%; /* 48% -> 100% */ margin-right: 0; /* margin 초기화 */ } } @media (max-width: 576px){ html{ font-size: 12px; } main .container{ width: 400px; /* 576px -> 400px */ } section .container{ width:360px; /* 400px -> 360px */ } } @media (max-width: 400px){ html{ font-size: 11px; } main .container{ width: 320px;/* 400px -> 320px */ } main h4{ font-size: 1.5rem; } section .container{ width: 320px;/* 360px -> 320px */ } section .title h2{ font-size: 3rem; /* 3.5rem -> 3rem */ } }